<script setup>
</script>

<template>
  <div id="indexPage">
    <div class="header-box">
      <div class="container" style="background-color: rgb(255,140,0)">
        <div class="header">
          <div class="header-title">
            <p style="font-size: 40px;margin-top: 30px;font-weight: bolder">26,803,136</p>
            <p style="font-size: 20px;margin-top: 10px;">位车主已高效卖车</p>
            <input placeholder="请输入手机号" style="" type="text"><br/>
            <button>免费高价卖车</button>
          </div>
          <div class="header-img">
            <img alt="indexPage-img" src="http://118.178.254.102:1252/index/indexPage-img.jpg" width="550">
          </div>
        </div>
      </div>
    </div>
    <div class="middle-box">
      <div class="container">
        <div class="middle">
          <div class="middle-title">
            <p>我们的优势</p>
          </div>
          <div class="middle-item">
            <ul>
              <li>
                <img alt="1" src="http://118.178.254.102:1252/index/indexPage-1.png">
                <p class="middle-item-name">全程不收费</p>
                <p class="middle-item-text">免费评估极速上门服务</p>
              </li>
              <li>
                <img alt="2" src="http://118.178.254.102:1252/index/indexPage-2.png">
                <p class="middle-item-name">闪电助成交</p>
                <p class="middle-item-text">当场成交当面打全款</p>
              </li>
              <li>
                <img alt="3" src="http://118.178.254.102:1252/index/indexPage-3.png">
                <p class="middle-item-name">全国高价卖</p>
                <p class="middle-item-text">全网报价放心高价卖</p>
              </li>
            </ul>
          </div>
          <div class="middle-img">
            <img src="http://118.178.254.102:1252/index/indexPage-middle-img.jpg" width="1200">
          </div>
        </div>
      </div>
    </div>
    <div class="footer-box">
      <div class="container">
        <div class="footer">
          <div class="footer-title">
            <p>车辆信息填写</p>
          </div>
          <div class="footer-item">
            <span>车辆品牌：</span>
            <select>
              <option value="奥迪">奥迪</option>
              <option value="奔驰">奔驰</option>
              <option value="本田">本田</option>
              <option value="比亚迪">比亚迪</option>
              <option value="别克">别克</option>
              <option value="大众">大众</option>
              <option value="丰田">丰田</option>
              <option value="红旗">红旗</option>
              <option value="现代">现代</option>
            </select>
            <span>车辆名称：</span>
            <input placeholder="请输入车辆名称" type="text">
          </div>
          <div class="footer-item">
            <span>车辆类型：</span>
            <select>
              <option value="轿车">轿车</option>
              <option value="SUV">SUV</option>
              <option value="MPV">MPV</option>
            </select>
            <span>手机号码：</span>
            <input placeholder="请输入手机号" type="text">
          </div>
          <div class="footer-btn">
            <button>立刻卖车</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped src="../css/home.css">

</style>
